body {
  background-color: #f4f4f4;
  overflow-y: scroll;
}
body .header {
  background-color: #f5445d;
}
body .header .top {
  height: .88rem;
  line-height: .88rem;
}
body .header .top a {
  display: inline-block;
  height: 100%;
}
body .header .top a img {
  height: .26rem;
}
body .header .top span {
  font-size: .30rem;
  color: #fff;
  margin-left: 2.8rem;
}
body .bodys {
  background-color: #f4f4f4;
}
body .bodys ul {
  display: flex;
}
body .bodys ul li {
  flex: 1;
  height: 1rem;
  text-align: center;
  background-color: #fff;
}
body .bodys ul li .live {
  color: #f5445d;
}
body .bodys ul li .live img {
  display: block;
  width: 100%;
}
body .bodys ul li a {
  color: #767676;
  font-size: .3rem;
  display: inline-block;
  line-height: .9rem;
}
body .bodys ul li a img {
  display: none;
}
body .bodys .goods-list,
body .bodys .now-sale {
  overflow: hidden;
  margin-top: .06rem;
  position: relative;
}
body .bodys .goods-list ul,
body .bodys .now-sale ul {
  background-color: #eceff1;
  display: inline-block;
  z-index: 99;
}
body .bodys .goods-list ul .active,
body .bodys .now-sale ul .active {
  background-color: #fff;
}
body .bodys .goods-list ul .active a,
body .bodys .now-sale ul .active a {
  width: 100%;
  color: #282828;
  border-left: .06rem solid #f5445d;
}
body .bodys .goods-list ul li,
body .bodys .now-sale ul li {
  border-bottom: .01rem solid #ebeeee;
  background-color: #f8f8f8;
  height: 1rem;
  width: 1.6rem;
}
body .bodys .goods-list ul li a,
body .bodys .now-sale ul li a {
  font-size: .26rem;
  color: #767676;
  display: inline-block;
  line-height: 1rem;
  text-align: center;
}
body .bodys .goods-list .goodsList-right,
body .bodys .now-sale .goodsList-right {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 .2rem 0 1.6rem;
}
body .bodys .goods-list .goodsList-right ul,
body .bodys .now-sale .goodsList-right ul {
  width: 100%;
}
body .bodys .goods-list .goodsList-right ul li,
body .bodys .now-sale .goodsList-right ul li {
  width: 100%;
  overflow: hidden;
  padding: 0 .2rem;
  height: 1.6rem;
  background-color: #fff;
}
body .bodys .goods-list .goodsList-right ul li .yy,
body .bodys .now-sale .goodsList-right ul li .yy {
  height: 100%;
  border-bottom: .01rem solid #f4f4f4;
  position: relative;
  text-align: left;
}
body .bodys .goods-list .goodsList-right ul li .yy a,
body .bodys .now-sale .goodsList-right ul li .yy a {
  display: inline-block;
  border: 0;
}
body .bodys .goods-list .goodsList-right ul li .yy a .y-img,
body .bodys .now-sale .goodsList-right ul li .yy a .y-img {
  display: inline-block;
  width: 1rem;
  margin: .3rem .26rem 0 0;
}
body .bodys .goods-list .goodsList-right ul li .yy .three,
body .bodys .now-sale .goodsList-right ul li .yy .three {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 1.1rem;
  margin-top: .3rem;
}
body .bodys .goods-list .goodsList-right ul li .yy .three p,
body .bodys .now-sale .goodsList-right ul li .yy .three p {
  color: #282828;
  font-size: .3rem;
  margin-bottom: .24rem;
  text-align: left;
}
body .bodys .goods-list .goodsList-right ul li .yy .three span,
body .bodys .now-sale .goodsList-right ul li .yy .three span {
  color: #f5445d;
  font-size: .3rem;
}
body .bodys .goods-list .goodsList-right ul li .yy .three i,
body .bodys .now-sale .goodsList-right ul li .yy .three i {
  font-style: normal;
  text-decoration: line-through;
  color: #b0b0b0;
  font-size: .3rem;
  margin-right: .16rem;
}
body .bodys .goods-list .goodsList-right ul li .yy .three b,
body .bodys .now-sale .goodsList-right ul li .yy .three b {
  font-weight: 400;
  color: #767676;
  font-size: .3rem;
  margin: 0 .1rem;
}
body .bodys .goods-list .goodsList-right ul li .yy .three img,
body .bodys .now-sale .goodsList-right ul li .yy .three img {
  display: inline-block;
  margin-bottom: .1rem;
  width: .4rem;
}
body .bodys .goods-list .goodsList-right ul li .yy .three img:nth-of-type(1),
body .bodys .now-sale .goodsList-right ul li .yy .three img:nth-of-type(1) {
  margin-left: .26rem;
}
body .bodys .slae-list {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 1.6rem;
}
body .bodys .slae-list ul {
  width: 100%;
}
body .bodys .slae-list ul li {
  border-bottom: .01rem solid #ebeeee;
  width: 100%;
  overflow: hidden;
  padding: 0 .2rem;
  height: 2.9rem;
  background-color: #fff;
}
body .bodys .slae-list ul li .s-top {
  text-align: left;
  height: 100%;
  overflow: hidden;
  position: relative;
}
body .bodys .slae-list ul li .s-top a {
  display: inline-block;
  border: 0;
}
body .bodys .slae-list ul li .s-top a .y-img {
  display: inline-block;
  width: 1rem;
  margin: .3rem .26rem 0 0;
}
body .bodys .slae-list ul li .s-top .s-middle {
  margin-top: .3rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 1.2rem;
}
body .bodys .slae-list ul li .s-top .s-middle p {
  color: #282828;
  font-size: .3rem;
  margin-bottom: .24rem;
  text-align: left;
}
body .bodys .slae-list ul li .s-top .s-middle .months {
  margin-bottom: .1rem;
  color: #777;
  font-size: .26rem;
}
body .bodys .slae-list ul li .s-top .s-middle .months i {
  font-style: normal;
  margin-left: .36rem;
}
body .bodys .slae-list ul li .s-top .s-middle .sizes {
  margin-bottom: .28rem;
}
body .bodys .slae-list ul li .s-top .s-middle .sizes span {
  color: #f5445d;
  font-size: .3rem;
}
body .bodys .slae-list ul li .s-top .s-middle .sizes i {
  font-style: normal;
  text-decoration: line-through;
  color: #b0b0b0;
  font-size: .3rem;
  margin-left: .26rem;
}
body .bodys .slae-list ul li .s-top .s-middle .operate {
  text-align: right;
  height: .5rem;
  line-height: 0;
}
body .bodys .slae-list ul li .s-top .s-middle .operate a {
  display: inline-block;
  width: 1.32rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  border: .01rem solid #b0b0b0;
  border-radius: .4rem;
}
body .bodys .slae-list ul li .s-top .s-middle .operate .bian {
  margin-right: .7rem;
}
body .bianji {
  opacity: 1.0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
body .bianji .mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #AAAAAA;
  opacity: 0.60;
}
body .bianji .b-function {
  border-radius: .1rem;
  height: 6.66rem;
  width: 5.6rem;
  background-color: #fff;
  position: relative;
  margin: 2.4rem 0 0 .6rem;
  padding: 0 .5rem;
}
body .bianji .b-function .b-top {
  height: 1.52rem;
  line-height: 1.54rem;
  border-bottom: .01rem solid #ebeeee;
}
body .bianji .b-function .b-top img {
  display: inline-block;
  width: 1rem;
  margin: 0rem .26rem 0 0;
}
body .bianji .b-function .b-top span {
  color: #282828;
  font-size: .3rem;
}
body .bianji .b-function .b-bottom {
  text-align: center;
}
body .bianji .b-function .b-bottom li {
  margin-top: .5rem;
}
body .bianji .b-function .b-bottom li span {
  display: inline-block;
  width: .8rem;
  text-align: right;
  font-size: .26rem;
  color: #282828;
}
body .bianji .b-function .b-bottom li i {
  font-style: normal;
  font-size: .26rem;
  color: #282828;
}
body .bianji .b-function .b-bottom li input {
  display: inline-block;
  height: .6rem;
  width: 2rem;
  border: .01rem solid #f4f4f4;
}
body .bianji .b-function .b-bottom li:nth-of-type(3) {
  margin-bottom: .68rem;
}
body .bianji .b-function .f-function {
  text-align: center;
  width: 100%;
}
body .bianji .b-function .f-function a {
  display: inline-block;
  height: .6rem;
  width: 2rem;
  line-height: .6rem;
  color: #282828;
  font-size: .26rem;
  border: .01rem solid #f4f4f4;
  border-radius: .4rem;
}
body .bianji .b-function .f-function #cancels {
  margin-right: .4rem;
}
